<template>
  <!-- 过滤器的使用是在插值语法中,在数据后添加一个管道符,后边书写过滤器 -->
  <!-- 如果过滤需要传参,则直接传参 -->
  <!-- 插值语法中如果有过滤器,则插值语法展示的其实是过滤器函数的返回值 -->
  <div>
    <h1>局部过滤器</h1>
    <p>商品的价格是{{ price | priceFormat(1) }}</p>
    <h2>全局过滤器</h2>
    <p>{{ 12345678901 | formatDate("YYYY年 MM月DD日 HH点mm分ss秒") }}</p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      price: 1000,
    };
  },
  filters: {
    // 参数一被过滤的数据，参数二调用过滤器时传递的参数
    // toFixed是保留的小数位数
    priceFormat(data, num) {
      return "￥" + data.toFixed(num);
    },
  },
};
</script>

<style>
</style>